<template>
	<view class="todo_detail">
		<view class="tabs">
			<view class="tab" :class="{active: currentTab == 1}" @click="currentTab = 1">表单详情</view>
			<view class="tab" :class="{active: currentTab == 2}" @click="currentTab = 2">操作记录</view>
			<view class="tab" :class="{active: currentTab == 3}" @click="currentTab = 3">流程图</view>
		</view>
		<textarea placeholder-style="color:#F76260" placeholder="占位符字体是红色的"/>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				currentTab: 1
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.todo_detail{
	.tabs{
		width: 100%;
		border: 1px solid #CFD4DD;
		display: flex;
		height: 105rpx;
		line-height: 105rpx;
		justify-content: space-around;
	}
	.tab{
		font-weight: 500;
		font-size: 33rpx;
		color: #98A2B6;

	}
	.tab.active{
		color: #3761D2;
		border-bottom: 7rpx solid #3761D2;
	}
	.uni-easyinput__content-textarea{
		min-height: 200rpx;
	}
}

</style>
